#app {
    // 系统色
    --xwq_color:#0a59f7;
    --emui_color_fg1: #FFFFFF; // 前景色
    --emui_color_fg: #000000; // 前景色
    --emui_color_fg_inverse: #FFFFFF; // 前景色反色
    --emui_color_bg: #FFFFFF; // 界面背景颜色
    --emui_color_subbg: #F1F3F5; // 界面背景颜色
    --emui_accent: #0A59F7; // 高亮色/控件选中状态高亮色
    --emui_accent_inverse: #317AF7; // 高亮色反色
    --emui_functional_red: #E84026; // 警告色
    --emui_color_warning: #ED6F21; // 警告色
    --emui_color_handup: #E84026; // 应用色-挂断色
    --emui_color_connected: #64BB5C; // 应用色-通话
    --emui_control_normal: rgba(0,0,0,.1); // 控件通用背景色
    --emui_color_divider_horizontal: rgba(0,0,0,.2); // 分割线颜色
    --emui_color_divider_horizontal2: rgba(0, 0, 0, 0.2); // 分割线颜色
    --emui_color_list_divider: rgba(0,0,0,.2); // 分割线颜色
    --emui_color_list_divider_light: rgba(0,0,0,.05); // 分割线颜色
    --emui_color_subheader_divider: rgba(0,0,0,0.03); // 列表分隔条颜色
    --emui_clickeffic_default_color: rgba(0,0,0,.1); // 通用点击效果背景
    // 系统蒙黑
    --emui_mask_thin: rgba(0,0,0,.2);  // 蒙黑
    --emui_mask_light: rgba(0,0,0,.4);
    --emui_mask_regular: rgba(0,0,0,.6);
    --emui_mask_thick: rgba(0,0,0,.8);
    --emui_color_bg_floating: rgba(255,255,255,.85);
    // 文本
    // 不可点击文本颜色
    --emui_text_primary: rgba(0, 0, 0, .9); // 一级文本颜色 弹出框文本色
    --emui_text_primary_inverse: rgba(255, 255, 255, .9); // 一级文本颜色反色
    --emui_text_secondary: rgba(0, 0, 0, .6); // 二级文本颜色
    --emui_text_secondary_inverse: rgba(255, 255, 255, .6); // 二级文本颜色反色
    --emui_text_tertiary: rgba(0, 0, 0, .4); // 三级文本颜色
    --emui_text_tertiary_inverse: rgba(255, 255, 255, .4); // 三级文本颜色反色
    // 卡片
    --emui_card_bg: #FFFFFF;
    --emui_card_panel_bg: #FFFFFF;
    // 下拉菜单背景色
    --emui_dropbox_bg: #FFFFFF;
    // 弹框背景色
    --emui_popup_bg: #FFFFFF;
    // 边距
    --emui_dimens_default: 1.2rem; // /屏幕左右边距（热区场景）	
    --emui_dimens_default_start: 1.2rem; // 屏幕左侧边距（热区场景）	
    --emui_dimens_max_start: 2.4rem; // 屏幕左侧边距（不带热区场景）
    --emui_dimens_default_end: 1.2rem; // 屏幕右侧边距（热区场景）
    --emui_dimens_max_end: 2.4rem; // 屏幕右侧边距（不带热区场景）
    --emui_dimens_default_top: 2.4rem; // 屏幕顶部边距
    --emui_dimens_default_bottom_flexible: 0; // 屏幕底部边距动态
    --emui_dimens_default_bottom_fixed: 2.4rem; // 屏幕底部边距固定
    --emui_dimens_dialog_start: 1.2rem; // dialog屏幕侧边边距
    --emui_dimens_dialog_end: 1.2rem;
    --emui_dimens_dialog_bottom: 1.6rem; // dialog屏幕底部边距
    --emui_dimens_notification_start: 1.2rem; // 通知卡片左右边距
    --emui_dimens_notification_end: 1.2rem;
    --emui_dimens_card_start: 1.2rem; // 卡片两侧的边距
    --emui_dimens_card_end: 1.2rem;
    --emui_dimens_card_inner_start: 1.6rem; // 卡片内两侧的边距
    --emui_dimens_card_inner_end: 1.6rem;
    --emui_dimens_card_middle: 1.2rem; // 卡片间间隔
    --emui_dimens_text_vertical: .2rem; // 主次文本上下间隔
    --emui_dimens_text_horizontal: .8rem; // 主次文本左右间隔
    --emui_dimens_text_margin_primary: 4.8rem; // 第一层级文本段落间隔
    --emui_dimens_text_margin_secondary: 2.4rem; // 第二层级文本段落间隔
    --emui_dimens_text_margin_tertiary: 1.6rem; // 第三层级文本段落间隔
    --emui_dimens_text_margin_fourth: .8rem; // 第四层级文本段落间隔
    --emui_dimens_text_margin_fifth: .4rem; // 第五层级文本段落间隔
    --emui_dimens_element_vertical_large: 1.6rem; // 上下方向较大间隔
    --emui_dimens_element_vertical_middle: .8rem; // 上下方向普通间隔
    --emui_dimens_element_horizontal_large: 1.6rem; // 左右方向较大间隔
    --emui_dimens_element_horizontal_middle: .8rem; // 左右方向普通间隔
    --emui_text_size_space_short: 1.1; // 小段落文本
    --emui_text_size_space_large: 1.4; // 大段落文本
    --emui_dimens_text_vertical: .2rem; // 主次文本上下间隔
    --emui_dimens_text_horizontal: .8rem; // 主次文本左右间隔
    // 字体大小
    --emui_text_size_headline7_px:	24px; // 普通app bar标题
    --emui_text_size_headline8_px:	20px; // 普通app bar小标题
    --emui_text_size_headline9_px:	18px; // 普通app bar子页签（未选中状态）
    --emui_text_size_overline_px: 14px; // 大标题下的描述文本
    --emui_text_size_subtitle1:	1.8rem; // 内容或设置项的分组标题
    --emui_text_size_subtitle2:	1.6rem; // 段落文本的分组标题
    --emui_text_size_subtitle3:	1.4rem; // 段落文本的分组标题
    --emui_text_size_button1:	1.6rem; // 内容区的大文本按钮
    --emui_text_size_button2:	1.4rem; // 列表内的小文本按钮
    --emui_text_size_button3:	1.2rem; // 
    --emui_text_size_body1:	1.6rem; // 列表正文/段落文本
    --emui_text_size_body2:	1.4rem; // 列表正文/段落文本
    --emui_text_size_body3:	1.2rem; // 功能入口icon说明文本/段落文本
    --emui_text_size_caption: 1.0rem; // toolbar/tabbar描述文本
    --emui_text_size_caption1: 1.0rem; // 隐私的描述文本
    --emui_text_size_chart1: 1.0rem; // 图表格刻度
    // 圆角
    --emui_corner_radius_xlarge: 2.4rem;
    --emui_corner_radius_large:	1.6rem;
    --emui_corner_radius_mediums:  1.2rem;
    --emui_corner_radius_small:	.8rem;
    --emui_corner_radius_xsmal:	.4rem;
    --emui_corner_radius_clicked: .8rem; // 点击效果圆角
    // 自定义
    --pic_arrow_right: url(../assets/ic_arrow_right.png);
    --pic_arrow_left: url(../assets/ic_arrow_left.png);
    --ic_arrow_right: url(../assets/ic_jiantou.png);
    --ic_info_arrow_left: url(../assets/ic_xinxilan_jiantou.png);
    --ic_switch_on: url(../assets/ic_switch_on.png);
    --ic_switch_off: url(../assets/ic_switch_off.png);
    --ic_radio_on: url(../assets/ic_Radio_on.png);
    --ic_radio_off: url(../assets/ic_Radio_off.png);
    --ic_shuoming: url(../assets/ic_shuoming.png);
    --gradient_top: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); 
    --gradient_bottom: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
    --color_bar_bg: rgba(0, 0, 0, .1);
    --pad_column: calc((100% - 1.2rem * 9) / 8 );
    --pad_column_1: calc(var(--pad_column) * 1 + 1.2rem);
    --pad_column_3: calc(var(--pad_column) * 3 + 1.2rem * 2);
    --pad_column_4: calc(var(--pad_column) * 4 + 1.2rem * 3);
    --home_margin: 0;
    --home_margin_px: 0;
    --color_tip_warn: #fdeade;
    --color_tip_error: #fce3df;
    --color_tip_normal: #e5e7e9;
    --device-opacity: 1.0; // 暗黑模式下设备图片和logo的透明度
    --emui_accent2: #0a59f7; // 高亮色/控件选中状态高亮色
    --emui_accent3: rgba(10, 89, 247, 0.1); // 高亮色/控件选中状态高亮色
    --gradient_picker: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}

#app.dark {
    // 系统色
    --xwq_color:rgb(80,140,250);
    --emui_color_fg1: #FFFFFF; // 前景色
    --emui_color_fg: #FFFFFF; // 前景色
    --emui_color_fg_inverse: #E5E5E5; // 前景色反色
    --emui_color_bg: #000000; // 界面背景颜色
    --emui_color_subbg: #000000; // 界面背景颜色
    --emui_accent: #317AF7; // 高亮色/控件选中状态高亮色
    --emui_accent_inverse: #317AF7; // 高亮色反色
    --emui_functional_red: #D94838; // 警告色
    --emui_color_warning: #DB6B42; // 警告色
    --emui_color_handup: #D94838; // 应用色-挂断色
    --emui_color_connected: #5BA854; // 应用色-通话
    --emui_control_normal: rgba(255, 255, 255, .1); // 控件通用背景色
    --emui_color_divider_horizontal: rgba(255, 255, 255, .2); // 分割线颜色
    --emui_color_divider_horizontal2: rgba(0, 0, 0, 0.5); // 分割线颜色
    --emui_color_list_divider: rgba(255, 255, 255, .2); // 分割线颜色
    --emui_color_list_divider_light: rgba(255, 255, 255, .1); // 分割线颜色
    --emui_color_subheader_divider: rgba(255 ,255 ,255 , 0.1); // 列表分隔条颜色
    --emui_clickeffic_default_color: rgba(255 ,255 ,255 , .15); // 通用点击效果背景
    // 系统蒙黑
    --emui_mask_thin: rgba(0, 0, 0, .4);  // 蒙黑
    --emui_mask_light: rgba(255, 255, 255, .6);
    --emui_mask_regular: rgba(0, 0, 0, .7);
    --emui_mask_thick: rgba(255, 255, 255, .9);
    --emui_color_bg_floating: rgba(255, 255, 255, .85);
    // 文本
    // 不可点击文本颜色
    --emui_text_primary: rgba(255, 255, 255, .86); // 一级文本颜色 弹出框文本色
    --emui_text_primary_inverse: #E5E5E5; // 一级文本颜色反色
    --emui_text_secondary: rgba(255, 255, 255, .6); // 二级文本颜色
    --emui_text_secondary_inverse: rgba(255, 255, 255, .6); // 二级文本颜色反色
    --emui_text_tertiary: rgba(255, 255, 255, .4); // 三级文本颜色
    --emui_text_tertiary_inverse: rgba(255, 255, 255, .4); // 三级文本颜色反色
    // 卡片
    --emui_card_bg: #2E3033;
    --emui_card_panel_bg: #303030;
    // 下拉菜单背景色
    --emui_dropbox_bg: #363636;
    // 弹框背景色
    --emui_popup_bg: #303030;
    // 自定义
    --pic_arrow_right: url(../assets/dark/ic_arrow_right.png);
    --pic_arrow_left: url(../assets/dark/ic_arrow_left.png);
    --ic_arrow_right: url(../assets/dark/ic_jiantou.png);
    --ic_info_arrow_left: url(../assets/dark/ic_xinxilan_jiantou.png);
    --ic_switch_on: url(../assets/dark/ic_switch_on.png);
    --ic_switch_off: url(../assets/dark/ic_switch_off.png);
    --ic_radio_on: url(../assets/dark/ic_Radio_on.png);
    --ic_radio_off: url(../assets/dark/ic_Radio_off.png);
    --ic_shuoming: url(../assets/dark/ic_shuoming.png);
    --gradient_top: linear-gradient(to bottom, rgba(32, 34, 36 ,1), rgba(32, 34, 36 ,0)); 
    --gradient_bottom: linear-gradient(to top, rgba(32, 34, 36 ,1), rgba(32, 34, 36 ,0));
    --color_bar_bg: rgba(255, 255, 255, .2);
    --color_tip_warn: #21100a;
    --color_tip_error: #2b0e0b;
    --color_tip_normal: #262626;
    --device-opacity: 0.8; // 暗黑模式下设备图片和logo的透明度
    --emui_accent2: rgba(82, 145, 255, 1); // 高亮色/控件选中状态高亮色
    --emui_accent3: rgba(82, 145, 255, 0.4); // 高亮色/控件选中状态高亮色
    --gradient_picker: linear-gradient(180deg, rgba(48, 48, 48, 0.9), rgba(48, 48, 48, 0.4)),linear-gradient(0deg, rgba(48, 48, 48, 0.9), rgba(48, 48, 48, 0.4));
}

#app.pad:not(.tahiti) {
    --home_margin: 1.2rem;
    --home_margin_px: 12px;
}